<style>
    body{
        background:#f2f2f2!important;
    }
    .xian {
        width: 8px;
        height: 20px;
        background: #486bd3;
        margin-right: 10px;
        margin-left: 10px;
    }
    .tab-label{
        width: 100px;
        text-align: center;
        cursor: pointer;
        height: 30px;
        line-height: 30px;
        margin: 0;
        font-weight: 500;
        margin-left: -10px;
    }
    .tab-labels{
        box-sizing: border-box;
        background: #edf0f9;
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #333;

    }
    .tabs-content{
        display: flex;
        flex-direction: column-reverse;
        padding-top: 20px;
        width: 95%;
        margin: auto;
    }

    .tabs-content > div.active {
        display: block;
    }
    .hang .col-sm-2 {
        width: 100%;
        text-align: left;
    }
    .hang{
        width: 100%;
        display: flex;
    }
    .hang .form-group{
        width: 25%;
        float: left;
    }
    .modal .modal-dialog{
        width: 56%;
    }
    input{
        background-color: #fff!important;
    }
    textarea{
        background-color: #fff!important;
    }
</style>
<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <div class="tabs">
        <div class="tab-labels">
            <div class="xian"></div>
            <label class="tab-label active">接报案录入</label>
        </div>
        <div class="tabs-content">
            <div class="tab active">

                {include file="buchang/chakan/xinxi" /}
                <div class="hang">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('报案单号')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input id="c-baoan_id" class="form-control" name="row[baoan_id]" type="text" value="{$row.baoan_id}" readonly>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('服务单号')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input id="c-tong_number" class="form-control" name="row[tong_number]" type="text" value="{$row.tong_number}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('车牌号')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input id="c-car_num" class="form-control" name="row[car_num]" type="text" value="{$row.car_num}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('车架号')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input id="c-car_vin" class="form-control" name="row[car_vin]" type="text" value="{$row.car_vin}">
                        </div>
                    </div>
                </div>
                <div class="hang">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('被服务人')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input id="c-learned_name" class="form-control" name="row[learned_name]" type="text" value="{$row.learned_name}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('被服务人手机')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input id="c-learned_phone" class="form-control" name="row[learned_phone]" type="text" value="{$row.learned_phone}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('核统日期')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input id="c-yw_hetong_time" class="form-control" name="row[yw_hetong_time]" type="text" value="{:date('Y-m-d', $row['yw_hetong_time'])}">
<!--                            <input id="c-yw_hetong_time" class="form-control" name="row[yw_hetong_time]" type="text" value="{$row.yw_hetong_time}">-->
                        </div>
                    </div>
                </div>
                <div class="hang">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('归属部门')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input id="c-yw_class" class="form-control" name="row[yw_class]" type="text" value="{$row.yw_class}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('归属人')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input id="c-yw_belonger" class="form-control" name="row[yw_belonger]" type="text" value="{$row.yw_belonger}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('服务起期')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input id="c-plan_strattime" class="form-control" name="row[plan_strattime]" type="text" value="{:date('Y-m-d', $row['plan_strattime'])}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('服务止期')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input id="c-plan_endtime" class="form-control" name="row[plan_endtime]" type="text" value="{:date('Y-m-d', $row['plan_endtime'])}">
                        </div>
                    </div>
                </div>
                <div class="hang">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('报案人')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input id="c-baoan_ren" class="form-control" name="row[baoan_ren]" type="text" value="{$row.baoan_ren}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('报案人电话')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input id="c-baoan_phone" class="form-control" name="row[baoan_phone]" type="text" value="{$row.baoan_phone}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('报案时间')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input id="c-baoan_time" class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[baoan_time]" type="text" value="{$row['baoan_time'] ? date('Y-m-d H:i:s', $row['baoan_time']) : ''}">
                        </div>
                    </div>
                </div>
                <div class="hang">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('出险时间')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input id="c-chuxian_time" class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[chuxian_time]" type="text" value="{$row['chuxian_time'] ? date('Y-m-d H:i:s', $row['chuxian_time']) : ''}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('事故情况')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input type="text" class="form-control" value="{$row.shigu_condition}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('是否有人伤')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input type="text" class="form-control" value="{$row['is_renshang'] == 0 ? '否' : '是'}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('交强投保公司')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input id="c-car_tbgs" class="form-control" name="row[car_tbgs]" type="text" value="{$row.car_tbgs}">
                        </div>
                    </div>
                </div>
                <div class="hang">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('驾驶员')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input id="c-car_ren" class="form-control" name="row[car_ren]" type="text" value="{$row.car_ren}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('驾驶员电话')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input id="c-phone" class="form-control" name="row[phone]" type="text" value="{$row.phone}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('道路类型')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input type="text" class="form-control" value="{$row.daolu_type}">
                        </div>
                    </div>
                </div>
                <div class="hang">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('是否现场报案')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input type="text" class="form-control" value="{$row.is_xcba == 0 ? '否' : '是'}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('是否联系交警')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input type="text" class="form-control" value="{$row.is_lxjj == 0 ? '否' : '是'}">
                        </div>
                    </div>
                </div>
                <div class="hang">
                    <div class="form-group" style="width: 100%">
                        <label class="control-label col-xs-12 col-sm-2">{:__('出险地点')}:</label>
                        <div class="col-xs-12 col-sm-10">
                                <input id="c-address" class="form-control" name="row[address]" type="text" value="{$row.address}">
                        </div>
                    </div>
                </div>
                <div class="hang">
                    <div class="form-group" style="width: 100%!important;">
                        <label class="control-label col-xs-12 col-sm-2">{:__('出险描述')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <textarea id="c-chuxian_describe" class="form-control" name="row[chuxian_describe]" type="text" rows="5" value="" readonly>{$row.chuxian_describe}</textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-labels">
            <div class="xian"></div>
            <label class="tab-label active">委派查勘</label>
        </div>
        <div class="tabs-content">
            <div class="tab active">
                <div class="hang">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('查勘机构')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input class="form-control" name="row[chakan_group]" type="text" value="{$row.chakan_group}" readonly>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('查勘人')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input class="form-control" name="row[chakan_ren]" type="text" value="{$row.chakan_ren}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('电话')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <input class="form-control" name="row[mobile]" type="text" value="{$row.mobile}">
                        </div>
                    </div>
                </div>
                <div class="hang">
                    <div class="form-group" style="width: 100%!important;">
                        <label class="control-label col-xs-12 col-sm-2">{:__('备注')}:</label>
                        <div class="col-xs-12 col-sm-10">
                            <textarea class="form-control" name="row[beizhu]" type="text" rows="5" value="" readonly>{$row.beizhu}</textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</form>
<script src="/assets/js/ace1.4/assets/js/jquery.min.js" type="text/javascript"></script>
<script>
    $('input').attr('readonly','readonly');
</script>